<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>首页</title>
		<link rel="stylesheet" type="text/css" href="./css/homepage.css" />
		<link rel="stylesheet" type="text/css" href="./css/pbulic.css" />
		<link rel="stylesheet" type="text/css" href="./css/iconfont.css" />
		<script src="./js/rem.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			document.addEventListener('plusready', function() {
				//console.log("所有plus api都应该在此事件发生后调用，否则会出现plus is undefined。")

			});
		</script>
	</head>
	<body>
		<a href="" name="top"></a>
		<nav>
			<i class="iconfont">&#xe889;</i>
			<div class="qualitybox">
				<span class="quality">汽配商城首页</span>
			</div>
			<div class="navright">
				<i class="iconfont">&#xe67f;</i>
				<span></span>
				<i class="iconfont">&#xe649;</i>
			</div>
		</nav>
		<div class="search">
			<form action="" method="post">
				<i class="iconfont">&#xe602;</i>
				<input class="searchs" type="text" placeholder="摩托汽配"  />
			</form>
		</div>
		<div class="pageimg">
			<img src="./img/homepaimg.jpg">
		</div>
		<main>
			<div class="optionbox">
				<div id="" class="option">
					<div class="colorbox">
						<div id="" class="boxcolor blue">
							<i class="iconfont">&#xe6b8;</i>
						</div>
						<span>空调滤</span>
					</div>
					<div class="colorbox">
						<div id="" class="boxcolor red">
							<i class="iconfont">&#xe666;</i>
						</div>
						<span>空气滤</span>
					</div>
					<div class="colorbox">
						<div id="" class="boxcolor yellow">
							<i class="iconfont">&#xe6af;</i>
						</div>
						<span>火花塞</span>
					</div>
					<div class="colorbox">
						<div id="" class="boxcolor purple">
							<i class="iconfont">&#xe7a1;</i>
						</div>
						<span>机油</span>
					</div>
				</div>
				<div id="" class="option">
					<div class="colorbox">
						<div id="" class="boxcolor green">
							<i class="iconfont">&#xe620;</i>
						</div>
						<span>刹车盘</span>
					</div>
					<div class="colorbox">
						<div id="" class="boxcolor purple">
							<i class="iconfont">&#xe603;</i>
						</div>
						<span>雨刮</span>
					</div>
					<div class="colorbox">
						<div id="" class="boxcolor red">
							<i class="iconfont">&#xe618;</i>
						</div>
						<span>皮带</span>
					</div>
					<div class="colorbox">
						<div id="" class="boxcolor blue">
							<i class="iconfont">&#xe608;</i>
						</div>
						<span>更多</span>
					</div>

				</div>
			</div>
			<div class="poster">
				<span id="">
					热卖爆品，火热感恩
				</span>
			</div>
			<div class="contentbox">
				<div class="content one">
					<div class="contentimg">
						<img src="./img/contentimg.jpg">
					</div>
					<div class="contentname">
						<span>【迈氏认证】进口宝马X5X5 3.0si SAV E70 3.0L N52B30A (2006-2010)发动机秃机</span>
					</div>
					<div class="money">
						<div class="moneybox">
							<span>￥</span>
							<span>999.00</span>
						</div>
						<img class="tiaoimg" src="./img/shop.svg">
					</div>
				</div>
				<div class="content">
					<div class="contentimg">
						<img src="./img/contentimgz.jpg">
					</div>
					<div class="contentname">
						<span>【迈氏认证】 欧瑞德 上海通用别克 君越 新君越 2.4L 六档手自一体 (2010-2016)</span>
					</div>
					<div class="money">
						<div class="moneybox">
							<span>￥</span>
							<span>999.00</span>
						</div>
						<img class="tiaoimg" src="./img/shop.svg">
					</div>
				</div>
			</div>
			<div class="contentbox">
				<div class="content">
					<div class="contentimg">
						<img src="./img/contentimgx.jpg">
					</div>
					<div class="contentname">
						<span>【迈氏认证】进口宝马X5X5 3.0si SAV E70 3.0L N52B30A (2006-2010)发动机秃机</span>
					</div>
					<div class="money">
						<div class="moneybox">
							<span>￥</span>
							<span>999.00</span>
						</div>
						<img class="tiaoimg" src="./img/shop.svg">
					</div>
				</div>
				<div class="content">
					<div class="contentimg">
						<img src="./img/contentimgc.jpg">
					</div>
					<div class="contentname">
						<span>【迈氏认证】 欧瑞德 上海通用别克 君越 新君越 2.4L 六档手自一体 (2010-2016)</span>
					</div>
					<div class="money">
						<div class="moneybox">
							<span>￥</span>
							<span>999.00</span>
						</div>
						<img class="tiaoimg" src="./img/shop.svg">
					</div>
				</div>
			</div>
			<div class="poster min">
				<span id="">
					热卖爆品，火热感恩
				</span>
			</div>
			<div class="posters">
				<span>合亿倾情推荐</span>
			</div>
			<div class="contentbox">
				<div class="content">
					<div class="contentimg">
						<img src="./img/contentimgx.jpg">
					</div>
					<div class="contentname">
						<span>【迈氏认证】进口宝马X5X5 3.0si SAV E70 3.0L N52B30A (2006-2010)发动机秃机</span>
					</div>
					<div class="money">
						<div class="moneybox">
							<span>￥</span>
							<span>999.00</span>
						</div>
						<img class="tiaoimg" src="./img/shop.svg">
					</div>
				</div>
				<div class="content">
					<div class="contentimg">
						<img src="./img/contentimg.jpg">
					</div>
					<div class="contentname">
						<span>【迈氏认证】 欧瑞德 上海通用别克 君越 新君越 2.4L 六档手自一体 (2010-2016)</span>
					</div>
					<div class="money">
						<div class="moneybox">
							<span>￥</span>
							<span>999.00</span>
						</div>
						<img class="tiaoimg" src="./img/shop.svg">
					</div>
				</div>
			</div>
			<div class="contentbox">
				<div class="content">
					<div class="contentimg">
						<img src="./img/contentimgc.jpg">
					</div>
					<div class="contentname">
						<span></span>
					</div>
					<div class="money">
						<div class="moneybox">
							<span>￥</span>
							<span>999.00</span>
						</div>
						<img class="tiaoimg" src="./img/shop.svg">
					</div>
				</div>
				<div class="content">
					<div class="contentimg">
						<img src="./img/contentimgz.jpg">
					</div>
					<div class="contentname">
						<span></span>
					</div>
					<div class="money">
						<div class="moneybox">
							<span>￥</span>
							<span>999.00</span>
						</div>
						<img class="tiaoimg" src="./img/shop.svg">
					</div>
				</div>
			</div>
			<div class="preferential">
				<span>旗舰手机感恩特惠</span>
			</div>
			<div class="anchorbox">
				<div id="bottom" class="anchor">
					<i class="iconfont" id="yew">&#xe600;</i>
					<span class="first">首页</span>
				</div>
				<div class="anchor class">
					<i class="iconfont">&#xe7f9;</i>
					<span>分类</span>
				</div>
				<div id="bottom" class="anchor cart">
					<i class="iconfont">&#xe601;</i>
					<span>购物车</span>
				</div>
				<div id="bottom" class="anchor my">
					<i class="iconfont">&#xe6a2;</i>
					<span>我的</span>
				</div>
			</div>
			<a href="#top">
				<div class="ftop">
					<div class="top">
						<img src="img/top.svg">
					</div>
				</div>
			</a>
		</main>
	</body>
	<script type="text/javascript">
		var oText1 = document.getElementsByClassName("searchs")[0];
		oText1.onfocus = function(){
			if (this.placeholder == "摩托汽配") {
				this.placeholder = '';
			}
		}
		oText1.onblur = function() {
			if (this.placeholder == '') {
				this.placeholder = "摩托汽配";
			}
		}

		function tiaozhuan(goHref) {
			for (var i = 0; i < goHref.aTaget.length; i++)
				goHref.aTaget[i].addEventListener('click', function() {
					plus.webview.open(goHref.newPage)
				})
		}
		tiaozhuan({
			aTaget: document.getElementsByClassName("one"),
			newPage: "commoditydetails.html",
		})

		tiaozhuan({
			aTaget: document.getElementsByClassName('class'),
			newPage: "classification.html",
		})

		tiaozhuan({
			aTaget: document.getElementsByClassName('tiaoimg'),
			newPage: "commoditydetails.html",
		})
		tiaozhuan({
			aTaget: document.getElementsByClassName('cart'),
			newPage: "shoppingcart.html",
		})
		tiaozhuan({
			aTaget: document.getElementsByClassName('my'),
			newPage: "personalcenter.html",
		})
	</script>
</html>
